import {CCard} from '@/components/card'
import {VideoIconMask} from '@/pages-setting/components/mask'
import {View} from '@tarojs/components'

export const ProductFileCard: React.FC = (): JSX.Element => {
  return (
    <CCard
      style={{
        padding: '24rpx',
        display: 'flex'
      }}
    >
      <View className="w-150 h-98 mr-16 bg-success rounded-6 overflow-hidden relative">
        <VideoIconMask></VideoIconMask>
        {/* <Image
          src={imagesUrl + 'LK-950-2.png'}
          className="w-full h-full"
        ></Image> */}
      </View>
      <View className="w-150 h-98 rounded-6 overflow-hidden flex flex-col">
        <View className="hanzi w-full mt-6 mb-2 text-16 font-bold truncate">
          AK47产品说明书
        </View>
        <View className="hanzi overflow-hidden flex-1 box text-12 text-xx_text">
          最刚的设备，应对最脏的情况 最刚的设备，应对最脏的情况
          最刚的设备，应对最脏的情况
        </View>
        <View className="hanzi w-full mt-2 text-12 text-right text-xxx_text truncate">
          2022-07-03
        </View>
      </View>
    </CCard>
  )
}
